<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<script src="./bootstrap/js/bootstrap.min.js"></script>
		<script src="./js/jquery-3.6.0.min.js"></script>
		<title>第十章</title>
	</head>
	<style type="text/css">
		#header {
			border: #000000 2px dotted;
			background-color: #06357A;
			color: white;
			
		}
		#header>ul>li{
			float: left;
			list-style: none;
			margin-left: 20px;
		}

		a {
			color: white;
			text-decoration: none;
		}
	</style>
	<body>

		<div class="container-fluid" >
			<div class="row" id="header">
				 <ul>
				 	<li>logo</li>
				 	<li>首页</li>
				 	<li>关于我们</li>
				 	<li>新闻列表</li>
				 	<li>联系我们</li>
				 </ul>
			</div> 
			<div class="row" id="searchBar" style="position: sticky; top: 0px;">
				<div class="col-2">
					 
				</div>
				  <div class="col-6">
				  	<input type="text" placeholder="搜索" class="form-control" name="" id="" value="" />
				  </div>
				  <div class="col-4">
				  	<button class="form-control" type="button">提交</button>
				  </div>
			</div> 
			<div style="background-color: #286090; height: 2000px;">
				
			</div>

		</div>

	</body>
</html>
